<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/css/layui.css" rel="stylesheet">
<style>
	.layui-upload-file{
		visibility: hidden;
	}
	#pic{
		width:140px;
		height:140px;
	}
</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group">
								<label class="col-sm-3 control-label">出库单号：</label>
								<div class="col-sm-8">
									<input id="outNumber" name="outNumber" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">SKU：</label>
								<div class="col-sm-8">
									<input id="skuid" name="skuid" class="form-control" type="hidden">
									<input id="sku" name="sku" class="form-control" type="text" onblur="getSku()" required>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">商品名称：</label>
								<div class="col-sm-8">
									<input id="skuName" name="skuName" class="form-control" type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">商品型号：</label>
								<div class="col-sm-8">
									<input id="skuModel" name="skuModel" class="form-control"  type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">商品规格：</label>
								<div class="col-sm-8">
									<input id="skuSpec" name="skuSpec" class="form-control"  type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">采购合同编号：</label>
								<div class="col-sm-8">
									<input id="groupNumber" name="groupNumber" class="form-control" type="hidden">
									<select data-placeholder="采购合同编号" name="groupId" class="form-control chosen-select" tabindex="2" required>
										<option value="">采购合同编号</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">入库数量：</label>
								<div class="col-sm-8">
									<input id="inId" name="inId" class="form-control" type="hidden">
									<input id="inQty" name="inQty" class="form-control" type="text" readonly>
								</div>
							</div>
<!--							<div class="form-group">-->
<!--								<label class="col-sm-3 control-label">已出库数量：</label>-->
<!--								<div class="col-sm-8">-->
<!--									<input id="oldoutQty" name="oldoutQty" class="form-control" type="text">-->
<!--								</div>-->
<!--							</div>-->
							<div class="form-group">
								<label class="col-sm-3 control-label">剩余数量：</label>
								<div class="col-sm-8">
									<input id="newoutQty" name="newoutQty" class="form-control" type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">采购单价：</label>
								<div class="col-sm-8">
									<input id="purPrice" name="purPrice" class="form-control" type="text" readonly>
								</div>
							</div>
							<!--  供应商、入库时间、所在仓库 -->
							<div class="form-group">
								<label class="col-sm-3 control-label">供应商：</label>
								<div class="col-sm-8">
									<input id="supplierId" name="supplierId" class="form-control" type="hidden">
									<input id="supplierName" name="supplierName" class="form-control" type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">入库时间：</label>
								<div class="col-sm-8">
									<input id="inTime" name="inTime" class="form-control" type="text" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">所在仓库：</label>
								<div class="col-sm-8">
									<input id="warehouseId" name="warehouseId" class="form-control" type="hidden">
									<input id="warehouseName" name="warehouseName" class="form-control" type="text" readonly>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">出库数量：</label>
								<div class="col-sm-8">
									<input id="outQty" name="outQty" class="form-control" type="text">
								</div>
							</div>
							<!--  项目编号，出库地址、收货人、联系电话、出库时间，上传《送货单》 -->
							<div class="form-group">
								<label class="col-sm-3 control-label">项目编号：</label>
								<div class="col-sm-8">
									<select data-placeholder="项目编号" name="peojiectId" class="form-control chosen-select-peojiectId" tabindex="2" required>
										<option value="">项目编号</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">出库地址：</label>
								<div class="col-sm-8">
									<input id="outAddress" name="outAddress" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">收货人：</label>
								<div class="col-sm-8">
									<input id="conName" name="conName" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">联系电话：</label>
								<div class="col-sm-8">
									<input id="ccontentPhone" name="ccontentPhone" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">出库时间：</label>
								<div class="col-sm-8">
<!--									<input id="outTime" name="outTime" class="form-control" type="text">-->
									<input type="text" class="laydate-icon layer-date form-control" id="outTime" name="outTime" placeholder="出库时间"
										   onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" style="background-color: #fff;" readonly="readonly"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">送货单：</label>
								<div class="col-sm-8">
									<input id="outPic" name="outPic" class="form-control" type="hidden">
									<button type="button" id="upLoad" class="layui-btn"><i class="fa fa-cloud"></i>上传文件
									</button>
									<img src="" id="pic" >
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<script src="/js/layui.js"></script>
	<script type="text/javascript" src="/js/appjs/pro/outstock/add.js"></script>
	<script type="text/javascript" src="/js/plugins/cropper/cropper.min.js"></script>
	<script type="text/javascript" src="/js/plugins/layer/laydate/laydate.js" ></script>
	<script type="text/javascript" src="/js/plugins/distpicker/distpicker.data.min.js"></script>
	<script type="text/javascript" src="/js/plugins/distpicker/distpicker.min.js"></script>
</body>
</html>
